﻿<!DOCTYPE html>
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
    <!-- Basic Page Needs
      ================================================== -->
    <meta charset="utf-8">
    <title>Shopholic</title>
    <!-- SEO Meta
      ================================================== -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="distribution" content="global">
    <meta name="revisit-after" content="2 Days">
    <meta name="robots" content="ALL">
    <meta name="rating" content="8 YEARS">
    <meta name="Language" content="en-us">
    <meta name="GOOGLEBOT" content="NOARCHIVE">
    <!-- Mobile Specific Metas
      ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!-- CSS
      ================================================== -->
    <link rel="stylesheet" type="text/css" href="css/custom.css?v=1.3">
    <link rel="stylesheet" type="text/css" href="css/responsive.css?v=1.3">
    <link rel="shortcut icon" href="images/favicon.png">
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
</head>
<body class="homepage">
<div class="main">
    <!-- PRODUCT-POPUP START -->
    <div id="product_popup" class="quick-view-popup white-popup-block mfp-hide popup-position ">
        <div class="popup-detail">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="row">
                            <div class="col-lg-5 col-md-5 mb-xs-30">
                                <div class="fotorama" data-nav="thumbs" data-allowfullscreen="native">
                                    <a href="#"><img src="images/1.jpg" alt="Shopholic"></a>
                                    <a href="#"><img src="images/2.jpg" alt="Shopholic"></a>
                                    <a href="#"><img src="images/3.jpg" alt="Shopholic"></a>
                                    <a href="#"><img src="images/4.jpg" alt="Shopholic"></a>
                                    <a href="#"><img src="images/5.jpg" alt="Shopholic"></a>
                                    <a href="#"><img src="images/6.jpg" alt="Shopholic"></a>
                                    <a href="#"><img src="images/4.jpg" alt="Shopholic"></a>
                                    <a href="#"><img src="images/5.jpg" alt="Shopholic"></a>
                                    <a href="#"><img src="images/6.jpg" alt="Shopholic"></a>
                                </div>
                            </div>
                            <div class="col-lg-7 col-md-7">
                                <div class="row">
                                    <div class="col-12">
                                        <div class="product-detail-main">
                                            <div class="product-item-details">
                                                <h1 class="product-item-name">Cross Colours Camo Print Tank half
                                                    mengo</h1>
                                                <div class="rating-summary-block">
                                                    <div title="53%" class="rating-result"><span
                                                            style="width:53%"></span></div>
                                                </div>
                                                <div class="price-box"><span class="price">$80.00</span>
                                                    <del class="price old-price">$120.00</del>
                                                </div>
                                                <div class="product-info-stock-sku">
                                                    <div>
                                                        <label>Availability: </label>
                                                        <span class="info-deta">In stock</span>
                                                    </div>
                                                    <div>
                                                        <label>SKU: </label>
                                                        <span class="info-deta">20MVC-18</span>
                                                    </div>
                                                </div>
                                                <hr class="mb-20">
                                                <p>Proin lectus ipsum, gravida et mattis vulputate, tristique ut lectus.
                                                    Sed et lorem nunc. Vestibulum ante ipsum primis in faucibus orci
                                                    luctus.</p>
                                                <ul class="product-list">
                                                    <li><i class="fa fa-check"></i> Satisfaction 100% Guaranteed</li>
                                                    <li><i class="fa fa-check"></i> Free shipping on orders over $99
                                                    </li>
                                                    <li><i class="fa fa-check"></i> 14 day easy Return</li>
                                                </ul>
                                                <hr class="mb-20">
                                                <div class="mb-20">
                                                    <div class="row">
                                                        <div class="col-12">
                                                            <div class="row">
                                                                <div class="col-lg-3 col-md-12">
                                                                    <span>Select Size :</span>
                                                                </div>
                                                                <div class="col-lg-9 col-md-12">
                                                                    <div class="select-size" id="select-size">
                                                                        <ul class="listing">
                                                                            <li>
                                                                                <span>S</span>
                                                                            </li>
                                                                            <li class="active">
                                                                                <span>M</span>
                                                                            </li>
                                                                            <li>
                                                                                <span>L</span>
                                                                            </li>
                                                                            <li>
                                                                                <span>XL</span>
                                                                            </li>
                                                                            <li>
                                                                                <span>XXl</span>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-12">
                                                            <div class="row">
                                                                <div class="col-lg-3 col-md-12">
                                                                    <span>Select Color :</span>
                                                                </div>
                                                                <div class="col-lg-9 col-md-12">
                                                                    <div id="select-colors" class="select-color">
                                                                        <ul class="listing">
                                                                            <li>
                                                                                <div class="color-tooltip">
                                                                                    <span class="color-arrow"></span>Orange
                                                                                </div>
                                                                                <span class="color-option orange"></span>
                                                                            </li>
                                                                            <li>
                                                                                <div class="color-tooltip">
                                                                                    <span class="color-arrow"></span>Black
                                                                                </div>
                                                                                <span class="color-option black"></span>
                                                                            </li>
                                                                            <li>
                                                                                <div class="color-tooltip">
                                                                                    <span class="color-arrow"></span>Green
                                                                                </div>
                                                                                <span class="color-option green"></span>
                                                                            </li>
                                                                            <li>
                                                                                <div class="color-tooltip">
                                                                                    <span class="color-arrow"></span>Pink
                                                                                </div>
                                                                                <span class="color-option pink"></span>
                                                                            </li>
                                                                            <li>
                                                                                <div class="color-tooltip">
                                                                                    <span class="color-arrow"></span>Blue
                                                                                </div>
                                                                                <span class="color-option blue"></span>
                                                                            </li>
                                                                            <li>
                                                                                <div class="color-tooltip">
                                                                                    <span class="color-arrow"></span>Red
                                                                                </div>
                                                                                <span class="color-option red"></span>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-12">
                                                            <div class="row">
                                                                <div class="col-lg-3 col-md-12">
                                                                    <span>Qty:</span>
                                                                </div>
                                                                <div class="col-lg-9 col-md-12">
                                                                    <div class="custom-qty">
                                                                        <button onclick="var result = document.getElementById('qty1'); var qty1 = result.value; if( !isNaN( qty1 ) &amp;&amp; qty1 &gt; 1 ) result.value--;return false;"
                                                                                class="reduced items" type="button"><i
                                                                                class="fa fa-minus"></i></button>
                                                                        <input type="text" class="input-text qty"
                                                                               title="Qty" value="1" maxlength="8"
                                                                               id="qty1" name="qty"/>
                                                                        <button onclick="var result = document.getElementById('qty1'); var qty1 = result.value; if( !isNaN( qty1 )) result.value++;return false;"
                                                                                class="increase items" type="button"><i
                                                                                class="fa fa-plus"></i></button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <hr class="mb-20">
                                                <div class="mb-20">
                                                    <div class="bottom-detail cart-button responsive-btn">
                                                        <ul>
                                                            <li class="pro-cart-icon">
                                                                <a href="cart.html" title="Add to Cart"
                                                                   class="btn btn-color"><span></span> Add to Cart</a>
                                                            </li>
                                                            <li class="pro-wishlist-icon"><a href="wishlist.html"
                                                                                             title="Wishlist"><span></span>
                                                                Wishlist</a></li>
                                                            <li class="pro-compare-icon"><a href="compare.html"
                                                                                            title="Compare"><span></span>
                                                                Compare</a></li>
                                                            <li class="pro-email-icon"><a href="#"
                                                                                          title="Email to Friends"><span></span>
                                                                Email to Friends</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="share-link">
                                                    <label>Share This : </label>
                                                    <div class="social-link">
                                                        <ul class="social-icon">
                                                            <li><a class="facebook" title="Facebook" href="#"><i
                                                                    class="fa fa-facebook"> </i></a></li>
                                                            <li><a class="twitter" title="Twitter" href="#"><i
                                                                    class="fa fa-twitter"> </i></a></li>
                                                            <li><a class="linkedin" title="Linkedin" href="#"><i
                                                                    class="fa fa-linkedin"> </i></a></li>
                                                            <li><a class="rss" title="RSS" href="#"><i
                                                                    class="fa fa-rss"> </i></a></li>
                                                            <li><a class="pinterest" title="Pinterest" href="#"><i
                                                                    class="fa fa-pinterest"> </i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- PRODUCT-POPUP END -->

    <!-- HEADER START -->
    <script src="js/head.js"></script>
    <!-- HEADER END -->

    <section class="main-wrap">
        <div class="container">
            <div class="row mlr_-20">
                <div class="col-xl-3 col-lg-3 plr-20">
                </div>
                <div class="col-xl-9 col-lg-9 mt-20 plr-20 right-side float-none-sm float-right-imp">
                    <!-- BANNER STRAT -->
                    <section class="banner-main">
                        <div class="banner">
                            <div class="main-banner">
                                <div class="banner-1"><img src="images/banner1.jpg" alt="Shopholic">
                                    <div class="banner-detail">
                                        <div class="container">
                                            <div class="row">
                                                <div class="col-xl-6 col-7"></div>
                                                <div class="col-xl-6 col-5">
                                                    <div class="banner-detail-inner">
                                                        <h1 class="banner-title">All Electronics<br> On Sale <br><span>Flat 70%  off</span>
                                                        </h1>
                                                        <!-- <p>Top brands like Armour, Nike, adidas, Clarks, Puma, Red Tape, Bata Buy Online</p> -->
                                                    </div>
                                                    <a class="btn big-btn btn-color" href="shop.html">Shop Now!</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="banner-2"><img src="images/banner2.jpg" alt="Shopholic">
                                    <div class="banner-detail">
                                        <div class="container">
                                            <div class="row">
                                                <div class="col-xl-6 col-7">
                                                    <div class="banner-detail-inner">
                                                        <h1 class="banner-title">Modern Design For Your Homes..</h1>
                                                        <p>On new collection</p>
                                                    </div>
                                                    <a class="btn btn-color" href="shop.html">Shop Now!</a>
                                                </div>
                                                <div class="col-xl-4 col-5"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="banner-3"><img src="images/banner3.jpg" alt="Shopholic">
                                    <div class="banner-detail">
                                        <div class="container">
                                            <div class="row">
                                                <div class="col-12 align-center">
                                                    <div class="banner-detail-inner">
                                                        <h1 class="banner-title">Makeup Kits for Face</h1>
                                                    </div>
                                                    <a class="btn btn-color" href="shop.html">Shop Now!</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <!-- BANNER END -->
                </div>
            </div>
        </div>
    </section>

    <!-- Services Features Block Start -->
    <section class="mt-20">
        <div class="container">
            <div class="ser-feature-block">
                <div class="row mlr_-20">
                    <div class="col-md-4 col-xs-6 plr-20 center-sm">
                        <div class="feature-box-main">
                            <div class="feature-box feature1">
                                <div class="ser-title">Free Shipping <br>& Return</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xs-6 plr-20 center-sm">
                        <div class="feature-box-main">
                            <div class="feature-box feature2">
                                <div class="ser-title">100% Money <br>Return</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xs-6 plr-20 center-sm">
                        <div class="feature-box-main">
                            <div class="feature-box feature3">
                                <div class="ser-title">24/7 Customer <br>Services</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Services Features Block End -->

    <!-- Electronics block Start -->
    <section class="pt-60">
        <div class="container">
            <div class="row d-none d-lg-block">
                <div class="col-xl-12">
                    <div class="mb-20">
                        <a href="shop.html">
                            <img src="images/elec-top-img.jpg" alt="Shopholic">
                        </a>
                    </div>
                </div>
            </div>
            <div class="row mlr_-20">
                <div class="col-lg-3 col-md-12 plr-20">
                    <div class="sidebar-block">
                        <div class="sidebar-title-inner">
                            <div class="sidebar-box listing-box"><span class="opener plus"></span>
                                <div class="sidebar-title">
                                    <span><i class="fa fa-laptop"></i>数码</span>
                                </div>
                                <div class="sidebar-contant">
                                    <ul>
                                        <li><a href="#">Camera, Photo & Video</a></li>
                                        <li><a href="#">Cell Phones & Accessories</a></li>
                                        <li><a href="#">Laptops & Notebooks</a></li>
                                        <li><a href="#">Musical Instruments</a></li>
                                        <li><a href="#">Tablets</a></li>
                                        <li><a href="#">TV & Video</a></li>
                                    </ul>
                                    <a class="btn btn-color small" href="shop.html">View All</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-9 col-md-12 plr-20">
                    <div class="product-listing grid-type">
                        <div class="inner-listing">
                            <div class="row mlr_-20" id="proListByDigital">
                                <!--数码类商品添加处-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Electronics block End -->

    <!-- Furniture block Start -->
    <section class="ptb-60">
        <div class="container">
            <div class="row d-none d-lg-block">
                <div class="col-xl-12">
                    <div class="mb-20">
                        <a href="shop.html">
                            <img src="images/furniture-top-img.jpg" alt="Shopholic">
                        </a>
                    </div>
                </div>
            </div>
            <div class="row mlr_-20">
                <div class="col-lg-3 col-md-12 plr-20">
                    <div class="sidebar-block">
                        <div class="sidebar-title-inner">
                            <div class="sidebar-box listing-box"><span class="opener plus"></span>
                                <div class="sidebar-title">
                                    <span><i class="fa fa-bed"></i>杂货</span>
                                </div>
                                <div class="sidebar-contant">
                                    <ul>
                                        <li><a href="#">Accessories</a></li>
                                        <li><a href="#">Arts</a></li>
                                        <li><a href="#">Bedding & Bath</a></li>
                                        <li><a href="#">Furniture</a></li>
                                        <li><a href="#">Kitchen & Dining</a></li>
                                        <li><a href="#">Living room</a></li>
                                    </ul>
                                    <a href="shop.html" class="btn btn-color small">View All</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-9 col-md-12 plr-20">
                    <div class="product-listing grid-type">
                        <div class="inner-listing">
                            <div class="row mlr_-20" id="proListBySundry">
                               <!--杂货类商品添加处-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Furniture block End -->

    <section>
        <div class="perellex-banner">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7 col-md-5 col-12"></div>
                    <div class="col-lg-5 col-md-7 col-12">
                        <div class="perellex-delail ptb-95 align-center">
                            <div class="perellex-subtitle mtb-20s">Designer watches</div>
                            <div class="perellex-title">Extensive selection</div>
                            <p>Save up to 50% on Shoes</p>
                            <a class="btn btn-color">Shop now</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Clothes block Start -->
    <section class="pt-60">
        <div class="container">
            <div class="row d-none d-lg-block">
                <div class="col-xl-12">
                    <div class="mb-20">
                        <a href="shop.html">
                            <img src="images/clothes-top-img.jpg" alt="Shopholic">
                        </a>
                    </div>
                </div>
            </div>
            <div class="row mlr_-20">
                <div class="col-lg-3 col-md-12 plr-20">
                    <div class="sidebar-block">
                        <div class="sidebar-title-inner">
                            <div class="sidebar-box listing-box"><span class="opener plus"></span>
                                <div class="sidebar-title">
                                    <span><i class="fa fa-female"></i>时尚衣品</span>
                                </div>
                                <div class="sidebar-contant">
                                    <ul>
                                        <li><a href="#">Baby</a></li>
                                        <li><a href="#">Boys & Girls</a></li>
                                        <li><a href="#">Men</a></li>
                                        <li><a href="#">Women</a></li>
                                        <li><a href="#">Accessories</a></li>
                                        <li><a href="#">Shoes</a></li>
                                    </ul>
                                    <a href="shop.html" class="btn btn-color small">View All</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-9 col-md-12 plr-20">
                    <div class="product-listing grid-type">
                        <div class="inner-listing">
                            <div class="row mlr_-20" id="proListByclothes">
                                <!--衣服类商品添加处-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Clothes block End -->

    <!-- Beauty block Start -->
    <section class="pt-60">
        <div class="container">
            <div class="row d-none d-lg-block">
                <div class="col-xl-12">
                    <div class="mb-20">
                        <a href="shop.html">
                            <img src="images/beauty-top-img.jpg" alt="Shopholic">
                        </a>
                    </div>
                </div>
            </div>
            <div class="row mlr_-20">
                <div class="col-lg-3 col-md-12 plr-20">
                    <div class="sidebar-block">
                        <div class="sidebar-title-inner">
                            <div class="sidebar-box listing-box"><span class="opener plus"></span>
                                <div class="sidebar-title">
                                    <span><i class="fa fa-heartbeat"></i>运动与健康</span>
                                </div>
                                <div class="sidebar-contant">
                                    <ul>
                                        <li><a href="#">Bath & Body Care</a></li>
                                        <li><a href="#">Fragrance</a></li>
                                        <li><a href="#">Hair Care</a></li>
                                        <li><a href="#">Makeup</a></li>
                                        <li><a href="#">Skin Care</a></li>
                                        <li><a href="#">Tools & Accessories</a></li>
                                    </ul>
                                    <a href="shop.html" class="btn btn-color small">View All</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-9 col-md-12 plr-20">
                    <div class="product-listing grid-type">
                        <div class="inner-listing">
                            <div class="row mlr_-20" id="proListByExercise">
                                <!--运动类商品添加处-->
                                <!--<div class="col-md-3 col-6 plr-20 mb-xs-20">
                                    <div class="product-item">
                                        <div class="product-item-inner">
                                            <div class="product-image">
                                                <a href="product-page.html">
                                                    <img src="images/13.jpg" alt="Shopholic">
                                                </a>
                                                <div class="quick-view">
                                                    <a class="popup-with-product btn btn-color" href="#product_popup"
                                                       title="quick-view"><i class="fa fa-eye"></i> Quick View</a>
                                                </div>
                                            </div>
                                            <div class="product-item-details">
                                                <div class="product-item-name">
                                                    <a href="product-page.html">Makeup Kit</a>
                                                </div>
                                                <div class="price-box">
                                                    <span class="price">$80.00</span>
                                                    <del class="price old-price">$120.00</del>
                                                </div>
                                                <div class="rating-summary-block">
                                                    <div class="rating-result" title="53%">
                                                        <span style="width:53%"></span>
                                                    </div>
                                                </div>
                                                <div class="product-des">
                                                    <p>Proin lectus ipsum, gravida et mattis vulputate, tristique ut
                                                        lectus. Sed et lorem nunc. ipsum primis in faucibus orci luctus
                                                        et ultrices.</p>
                                                </div>
                                                <div class="product-detail-inner">
                                                    <div class="detail-inner-left align-center">
                                                        <ul>
                                                            <li class="pro-cart-icon">
                                                                <a href="cart.html" title="Add to Cart">
                                                                    <span></span>
                                                                </a>
                                                            </li>
                                                            <li class="pro-wishlist-icon">
                                                                <a href="wishlist.html" title="Wishlist">
                                                                    <span></span>
                                                                </a>
                                                            </li>
                                                            <li class="pro-compare-icon">
                                                                <a href="compare.html" title="Compare">
                                                                    <span></span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>-->
                                <!--<div class="col-md-3 col-6 plr-20 mb-xs-20">
                                    <div class="product-item">
                                        <div class="product-item-inner">
                                            <div class="product-image">
                                                <a href="product-page.html">
                                                    <img src="images/14.jpg" alt="Shopholic">
                                                </a>
                                                <div class="quick-view">
                                                    <a class="popup-with-product btn btn-color" href="#product_popup"
                                                       title="quick-view"><i class="fa fa-eye"></i> Quick View</a>
                                                </div>
                                            </div>
                                            <div class="product-item-details">
                                                <div class="product-item-name">
                                                    <a href="product-page.html">Nail Polish</a>
                                                </div>
                                                <div class="price-box">
                                                    <span class="price">$35.00</span>
                                                    <del class="price old-price">$42.00</del>
                                                </div>
                                                <div class="rating-summary-block">
                                                    <div class="rating-result" title="53%">
                                                        <span style="width:53%"></span>
                                                    </div>
                                                </div>
                                                <div class="product-des">
                                                    <p>Proin lectus ipsum, gravida et mattis vulputate, tristique ut
                                                        lectus. Sed et lorem nunc. ipsum primis in faucibus orci luctus
                                                        et ultrices.</p>
                                                </div>
                                                <div class="product-detail-inner">
                                                    <div class="detail-inner-left align-center">
                                                        <ul>
                                                            <li class="pro-cart-icon">
                                                                <a href="cart.html" title="Add to Cart">
                                                                    <span></span>
                                                                </a>
                                                            </li>
                                                            <li class="pro-wishlist-icon">
                                                                <a href="wishlist.html" title="Wishlist">
                                                                    <span></span>
                                                                </a>
                                                            </li>
                                                            <li class="pro-compare-icon">
                                                                <a href="compare.html" title="Compare">
                                                                    <span></span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 col-6 plr-20 mb-xs-20">
                                    <div class="product-item">
                                        <div class="main-label sale-label"><span>Sale</span></div>
                                        <div class="product-item-inner">
                                            <div class="product-image">
                                                <a href="product-page.html">
                                                    <img src="images/15.jpg" alt="Shopholic">
                                                </a>
                                                <div class="quick-view">
                                                    <a class="popup-with-product btn btn-color" href="#product_popup"
                                                       title="quick-view"><i class="fa fa-eye"></i> Quick View</a>
                                                </div>
                                            </div>
                                            <div class="product-item-details">
                                                <div class="product-item-name">
                                                    <a href="product-page.html">Highlighter & Bronzer</a>
                                                </div>
                                                <div class="price-box">
                                                    <span class="price">$35.00</span>
                                                    <del class="price old-price">$42.00</del>
                                                </div>
                                                <div class="rating-summary-block">
                                                    <div class="rating-result" title="53%">
                                                        <span style="width:53%"></span>
                                                    </div>
                                                </div>
                                                <div class="product-des">
                                                    <p>Proin lectus ipsum, gravida et mattis vulputate, tristique ut
                                                        lectus. Sed et lorem nunc. ipsum primis in faucibus orci luctus
                                                        et ultrices.</p>
                                                </div>
                                                <div class="product-detail-inner">
                                                    <div class="detail-inner-left align-center">
                                                        <ul>
                                                            <li class="pro-cart-icon">
                                                                <a href="cart.html" title="Add to Cart">
                                                                    <span></span>
                                                                </a>
                                                            </li>
                                                            <li class="pro-wishlist-icon">
                                                                <a href="wishlist.html" title="Wishlist">
                                                                    <span></span>
                                                                </a>
                                                            </li>
                                                            <li class="pro-compare-icon">
                                                                <a href="compare.html" title="Compare">
                                                                    <span></span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 col-6 plr-20 mb-xs-20">
                                    <div class="product-item">
                                        <div class="product-item-inner">
                                            <div class="product-image">
                                                <div class="main-label new-label"><span>New</span></div>
                                                <a href="product-page.html">
                                                    <img src="images/16.jpg" alt="Shopholic">
                                                </a>
                                                <div class="quick-view">
                                                    <a class="popup-with-product btn btn-color" href="#product_popup"
                                                       title="quick-view"><i class="fa fa-eye"></i> Quick View</a>
                                                </div>
                                            </div>
                                            <div class="product-item-details">
                                                <div class="product-item-name">
                                                    <a href="product-page.html">Lipstick</a>
                                                </div>
                                                <div class="price-box">
                                                    <span class="price">$35.00</span>
                                                    <del class="price old-price">$42.00</del>
                                                </div>
                                                <div class="rating-summary-block">
                                                    <div class="rating-result" title="53%">
                                                        <span style="width:53%"></span>
                                                    </div>
                                                </div>
                                                <div class="product-des">
                                                    <p>Proin lectus ipsum, gravida et mattis vulputate, tristique ut
                                                        lectus. Sed et lorem nunc. ipsum primis in faucibus orci luctus
                                                        et ultrices.</p>
                                                </div>
                                                <div class="product-detail-inner">
                                                    <div class="detail-inner-left align-center">
                                                        <ul>
                                                            <li class="pro-cart-icon">
                                                                <a href="cart.html" title="Add to Cart">
                                                                    <span></span>
                                                                </a>
                                                            </li>
                                                            <li class="pro-wishlist-icon">
                                                                <a href="wishlist.html" title="Wishlist">
                                                                    <span></span>
                                                                </a>
                                                            </li>
                                                            <li class="pro-compare-icon">
                                                                <a href="compare.html" title="Compare">
                                                                    <span></span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Beauty block End -->

    <!-- Blog section start -->
    <section class="ptb-60">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="heading-part line-bottom mb-20">
                        <h2 class="main_title heading"><span>Latest News</span></h2>
                    </div>
                </div>
            </div>
            <div class="row mlr_-20">
                <div id="blog" class="owl-carousel">
                    <div class="item plr-20">
                        <div class="blog-item">
                            <div class="blog-media mb-20">
                                <img src="images/blog/blog_img1.jpg" alt="Shopholic">
                                <a href="single-blog.html" title="Click For Read More" class="read">&nbsp;</a>
                            </div>
                            <div class="blog-detail">
                                <span class="post-date">01 jan 2018</span>
                                <h3><a href="single-blog.html">Combined with a handful of model</a></h3>
                                <p>Lorem ipsum dolor sit amet, consec adipiscing elit. Donec eros tellus, nec consec
                                    elit.</p>
                                <hr>
                                <div class="post-info">
                                    <ul>
                                        <li><span>By</span><a href="#"> cormon jons</a></li>
                                        <li><a href="#">(5) comments</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item plr-20">
                        <div class="blog-item">
                            <div class="blog-media mb-20">
                                <img src="images/blog/blog_img2.jpg" alt="Shopholic">
                                <a href="single-blog.html" title="Click For Read More" class="read">&nbsp;</a>
                            </div>
                            <div class="blog-detail">
                                <span class="post-date">02 jan 2018</span>
                                <h3><a href="single-blog.html">Combined with a handful of model</a></h3>
                                <p>Lorem ipsum dolor sit amet, consec adipiscing elit. Donec eros tellus, nec consec
                                    elit.</p>
                                <hr>
                                <div class="post-info">
                                    <ul>
                                        <li><span>By</span><a href="#"> cormon jons</a></li>
                                        <li><a href="#">(5) comments</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item plr-20">
                        <div class="blog-item">
                            <div class="blog-media mb-20">
                                <img src="images/blog/blog_img3.jpg" alt="Shopholic">
                                <a href="single-blog.html" title="Click For Read More" class="read">&nbsp;</a>
                            </div>
                            <div class="blog-detail">
                                <span class="post-date">03 jan 2018</span>
                                <h3><a href="single-blog.html">Combined with a handful of model</a></h3>
                                <p>Lorem ipsum dolor sit amet, consec adipiscing elit. Donec eros tellus, nec consec
                                    elit.</p>
                                <hr>
                                <div class="post-info">
                                    <ul>
                                        <li><span>By</span><a href="#"> cormon jons</a></li>
                                        <li><a href="#">(5) comments</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Blog section end -->

    <!-- Brand logo block Start  -->
    <div class="brand-logo">
        <div class="container">
            <div class="row brand">
                <div class="col-md-12">
                    <div id="brand-logo" class="owl-carousel align_center">
                        <div class="item"><a href="#"><img src="images/brand1.png" alt="Shopholic"></a></div>
                        <div class="item"><a href="#"><img src="images/brand2.png" alt="Shopholic"></a></div>
                        <div class="item"><a href="#"><img src="images/brand3.png" alt="Shopholic"></a></div>
                        <div class="item"><a href="#"><img src="images/brand4.png" alt="Shopholic"></a></div>
                        <div class="item"><a href="#"><img src="images/brand5.png" alt="Shopholic"></a></div>
                        <div class="item"><a href="#"><img src="images/brand6.png" alt="Shopholic"></a></div>
                        <div class="item"><a href="#"><img src="images/brand7.png" alt="Shopholic"></a></div>
                        <div class="item"><a href="#"><img src="images/brand8.png" alt="Shopholic"></a></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Brand logo block End  -->
    <!-- CONTAINER END -->

    <!-- FOOTER START -->
    <script src="js/foot.js"></script>
    <!-- FOOTER END -->
</div>
<script src="js/jquery-1.12.3.min.js"></script>
<script src="js/tether.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jquery.downCount.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/fotorama.js"></script>
<script src="js/jquery.magnific-popup.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/custom.js"></script>
<script src="js/common.js"></script>
<script>
    $(function () {
        GetAllGoodsByDigital();
        GetAllGoodsBySundry();
        GetAllGoodsByClothes();
        GetAllGoodsByExercise();

        /**
         * 首页展示数码类商品
         * @constructor
         */
        function GetAllGoodsByDigital() {
            $.ajax({
                url: "/GetAllGoodsByDigitalServlet",
                type: "post",
                dataType: "json",
                success: function (data) {
                    $.each(data, function (index, item) {
                        var $pro = "<div class=\"col-md-3 col-6 plr-20 mb-xs-20\">\n" +
                            "                                    <div class=\"product-item\">\n" +
                            "                                        <div class=\"product-item-inner\">\n" +
                            "                                            <div class=\"product-image\">\n" +
                            "                                               <div class=\"main-label sale-label\"><span>新品</span></div>\n" +
                            "                                                <a target = \"_blank\" href=\"/product-page.html?goodsId=" + item.goodsId + "\">\n" +
                            "                                                    <img src=\"/goodsimage/" + item.image + "\" alt=\"Shopholic\">\n" +
                            "                                                </a>\n" +
                            "                                                <div class=\"quick-view\">\n" +
                            "                                                    <a class=\"popup-with-product btn btn-color\" target = \"_blank\" href=\"/product-page.html?goodsId=" + item.goodsId + "\" \n" +
                            "                                                       title=\"quick-view\"><i class=\"fa fa-eye\"></i>快速查看</a>\n" +
                            "                                                </div>\n" +
                            "                                            </div>\n" +
                            "                                            <div class=\"product-item-details\">\n" +
                            "                                                <div class=\"product-item-name\">\n" +
                            "                                                    <a target = \"_blank\" href=\"/product-page.html?goodsId=" + item.goodsId + "\">"+item.goodsName+"</a>\n" +
                            "                                                </div>\n" +
                            "                                                <div class=\"price-box\">\n" +
                            "                                                    <span class=\"price\">$"+item.price+"</span>\n" +
                            "                                                    <del class=\"price old-price\">$"+(item.price)*1.2+"</del>\n" +
                            "                                                </div>\n" +
                            "                                                <div class=\"rating-summary-block\">\n" +
                            "                                                    <div class=\"rating-result\" title=\"53%\">\n" +
                            "                                                        <span style=\"width:53%\"></span>\n" +
                            "                                                    </div>\n" +
                            "                                                </div>\n" +
                            "                                                <div class=\"product-des\">\n" +
                            "                                                    <p>Proin lectus ipsum, gravida et mattis vulputate, tristique ut\n" +
                            "                                                        lectus. Sed et lorem nunc. ipsum primis in faucibus orci luctus\n" +
                            "                                                        et ultrices.</p>\n" +
                            "                                                </div>\n" +
                            "                                                <div class=\"product-detail-inner\">\n" +
                            "                                                    <div class=\"detail-inner-left align-center\">\n" +
                            "                                                        <ul>\n" +
                            "                                                            <li class=\"pro-cart-icon\">\n" +
                            "                                                                <a href=\"cart.html\" title=\"Add to Cart\">\n" +
                            "                                                                    <span></span>\n" +
                            "                                                                </a>\n" +
                            "                                                            </li>\n" +
                            "                                                            <li class=\"pro-wishlist-icon\">\n" +
                            "                                                                <a href=\"wishlist.html\" title=\"Wishlist\">\n" +
                            "                                                                    <span></span>\n" +
                            "                                                                </a>\n" +
                            "                                                            </li>\n" +
                            "                                                            <li class=\"pro-compare-icon\">\n" +
                            "                                                                <a href=\"compare.html\" title=\"Compare\">\n" +
                            "                                                                    <span></span>\n" +
                            "                                                                </a>\n" +
                            "                                                            </li>\n" +
                            "                                                        </ul>\n" +
                            "                                                    </div>\n" +
                            "                                                </div>\n" +
                            "                                            </div>\n" +
                            "                                        </div>\n" +
                            "                                    </div>\n" +
                            "                                </div>"
                        $("#proListByDigital").append($pro);                  //把循环的部分加在proList类后边
                    })
                }
            });
        }

        /**
         * 首页展示杂货类商品
         * @constructor
         */
        function GetAllGoodsBySundry() {
            $.ajax({
                url: "/GetAllGoodsBySundryServlet",
                type: "post",
                dataType: "json",
                success: function (data) {
                    $.each(data, function (index, item) {
                        var $pro = "<div class=\"col-md-3 col-6 plr-20 mb-xs-20\">\n" +
                            "                                    <div class=\"product-item\">\n" +
                            "                                        <div class=\"product-item-inner\">\n" +
                            "                                            <div class=\"product-image\">\n" +
                            "                                              <div class=\"main-label sale-label\"><span>新品</span></div>\n" +
                            "                                                <a target = \"_blank\" href=\"/product-page.html?goodsId=" + item.goodsId + "\">\n" +
                            "                                                    <img src=\"/goodsimage/" + item.image + "\" alt=\"Shopholic\">\n" +
                            "                                                </a>\n" +
                            "                                                <div class=\"quick-view\">\n" +
                            "                                                    <a class=\"popup-with-product btn btn-color\" target = \"_blank\" href=\"/product-page.html?goodsId=" + item.goodsId + "\" \n" +
                            "                                                       title=\"quick-view\"><i class=\"fa fa-eye\"></i>快速查看</a>\n" +
                            "                                                </div>\n" +
                            "                                            </div>\n" +
                            "                                            <div class=\"product-item-details\">\n" +
                            "                                                <div class=\"product-item-name\">\n" +
                            "                                                    <a target = \"_blank\" href=\"/product-page.html?goodsId=" + item.goodsId + "\">"+item.goodsName+"</a>\n" +
                            "                                                </div>\n" +
                            "                                                <div class=\"price-box\">\n" +
                            "                                                    <span class=\"price\">$"+item.price+"</span>\n" +
                            "                                                    <del class=\"price old-price\">$"+(item.price)*1.2+"</del>\n" +
                            "                                                </div>\n" +
                            "                                                <div class=\"rating-summary-block\">\n" +
                            "                                                    <div class=\"rating-result\" title=\"53%\">\n" +
                            "                                                        <span style=\"width:53%\"></span>\n" +
                            "                                                    </div>\n" +
                            "                                                </div>\n" +
                            "                                                <div class=\"product-des\">\n" +
                            "                                                    <p>Proin lectus ipsum, gravida et mattis vulputate, tristique ut\n" +
                            "                                                        lectus. Sed et lorem nunc. ipsum primis in faucibus orci luctus\n" +
                            "                                                        et ultrices.</p>\n" +
                            "                                                </div>\n" +
                            "                                                <div class=\"product-detail-inner\">\n" +
                            "                                                    <div class=\"detail-inner-left align-center\">\n" +
                            "                                                        <ul>\n" +
                            "                                                            <li class=\"pro-cart-icon\">\n" +
                            "                                                                <a href=\"cart.html\" title=\"Add to Cart\">\n" +
                            "                                                                    <span></span>\n" +
                            "                                                                </a>\n" +
                            "                                                            </li>\n" +
                            "                                                            <li class=\"pro-wishlist-icon\">\n" +
                            "                                                                <a href=\"wishlist.html\" title=\"Wishlist\">\n" +
                            "                                                                    <span></span>\n" +
                            "                                                                </a>\n" +
                            "                                                            </li>\n" +
                            "                                                            <li class=\"pro-compare-icon\">\n" +
                            "                                                                <a href=\"compare.html\" title=\"Compare\">\n" +
                            "                                                                    <span></span>\n" +
                            "                                                                </a>\n" +
                            "                                                            </li>\n" +
                            "                                                        </ul>\n" +
                            "                                                    </div>\n" +
                            "                                                </div>\n" +
                            "                                            </div>\n" +
                            "                                        </div>\n" +
                            "                                    </div>\n" +
                            "                                </div>"
                        $("#proListBySundry").append($pro);                  //把循环的部分加在proList类后边
                    })
                }
            });
        }

        /**
         * 首页展示服装类商品
         * @constructor
         */
        function GetAllGoodsByClothes() {
            $.ajax({
                url: "/GetAllGoodsbyClothesServlet",
                type: "post",
                dataType: "json",
                success: function (data) {
                    $.each(data, function (index, item) {
                        var $pro = "<div class=\"col-md-3 col-6 plr-20 mb-xs-20\">\n" +
                            "                                    <div class=\"product-item\">\n" +
                            "                                        <div class=\"product-item-inner\">\n" +
                            "                                            <div class=\"product-image\">\n" +
                            "                                           <div class=\"main-label sale-label\"><span>新品</span></div>\n" +
                            "                                                <a target = \"_blank\" href=\"/getThisGoodsByIdServlet?goodsId=" + item.goodsId + "\">\n" +
                            "                                                    <img src=\"/goodsimage/" + item.image + "\" alt=\"Shopholic\">\n" +
                            "                                                </a>\n" +
                            "                                                <div class=\"quick-view\">\n" +
                            "                                                    <a class=\"popup-with-product btn btn-color\" target = \"_blank\" href=\"/product-page.html?goodsId=" + item.goodsId + "\" \n" +
                            "                                                       title=\"quick-view\"><i class=\"fa fa-eye\"></i>快速查看</a>\n" +
                            "                                                </div>\n" +
                            "                                            </div>\n" +
                            "                                            <div class=\"product-item-details\">\n" +
                            "                                                <div class=\"product-item-name\">\n" +
                            "                                                    <a target = \"_blank\" href=\"/product-page.html?goodsId=" + item.goodsId + "\">"+item.goodsName+"</a>\n" +
                            "                                                </div>\n" +
                            "                                                <div class=\"price-box\">\n" +
                            "                                                    <span class=\"price\">$"+item.price+"</span>\n" +
                            "                                                    <del class=\"price old-price\">$"+(item.price)*1.2+"</del>\n" +
                            "                                                </div>\n" +
                            "                                                <div class=\"rating-summary-block\">\n" +
                            "                                                    <div class=\"rating-result\" title=\"53%\">\n" +
                            "                                                        <span style=\"width:53%\"></span>\n" +
                            "                                                    </div>\n" +
                            "                                                </div>\n" +
                            "                                                <div class=\"product-des\">\n" +
                            "                                                    <p>Proin lectus ipsum, gravida et mattis vulputate, tristique ut\n" +
                            "                                                        lectus. Sed et lorem nunc. ipsum primis in faucibus orci luctus\n" +
                            "                                                        et ultrices.</p>\n" +
                            "                                                </div>\n" +
                            "                                                <div class=\"product-detail-inner\">\n" +
                            "                                                    <div class=\"detail-inner-left align-center\">\n" +
                            "                                                        <ul>\n" +
                            "                                                            <li class=\"pro-cart-icon\">\n" +
                            "                                                                <a href=\"cart.html\" title=\"Add to Cart\">\n" +
                            "                                                                    <span></span>\n" +
                            "                                                                </a>\n" +
                            "                                                            </li>\n" +
                            "                                                            <li class=\"pro-wishlist-icon\">\n" +
                            "                                                                <a href=\"wishlist.html\" title=\"Wishlist\">\n" +
                            "                                                                    <span></span>\n" +
                            "                                                                </a>\n" +
                            "                                                            </li>\n" +
                            "                                                            <li class=\"pro-compare-icon\">\n" +
                            "                                                                <a href=\"compare.html\" title=\"Compare\">\n" +
                            "                                                                    <span></span>\n" +
                            "                                                                </a>\n" +
                            "                                                            </li>\n" +
                            "                                                        </ul>\n" +
                            "                                                    </div>\n" +
                            "                                                </div>\n" +
                            "                                            </div>\n" +
                            "                                        </div>\n" +
                            "                                    </div>\n" +
                            "                                </div>"
                        $("#proListByclothes").append($pro);                  //把循环的部分加在proList类后边
                    })
                }
            });
        }

        /**
         * 首页展示运动类商品
         * @constructor
         */
        function GetAllGoodsByExercise() {
            $.ajax({
                url: "/GetAllGoodsByExerciseServlet",
                type: "post",
                dataType: "json",
                success: function (data) {
                    $.each(data, function (index, item) {
                        var $pro = "<div class=\"col-md-3 col-6 plr-20 mb-xs-20\">\n" +
                            "                                    <div class=\"product-item\">\n" +
                            "                                        <div class=\"product-item-inner\">\n" +
                            "                                            <div class=\"product-image\">\n" +
                            "                                              <div class=\"main-label sale-label\"><span>新品</span></div>\n" +
                            "                                                <a target = \"_blank\" href=\"/product-page.html?goodsId=" + item.goodsId + "\">\n" +
                            "                                                    <img src=\"/goodsimage/" + item.image + "\" alt=\"Shopholic\">\n" +
                            "                                                </a>\n" +
                            "                                                <div class=\"quick-view\">\n" +
                            "                                                    <a class=\"popup-with-product btn btn-color\" target = \"_blank\" href=\"/product-page.html?goodsId=" + item.goodsId + "\" \n" +
                            "                                                       title=\"quick-view\"><i class=\"fa fa-eye\"></i>快速查看</a>\n" +
                            "                                                </div>\n" +
                            "                                            </div>\n" +
                            "                                            <div class=\"product-item-details\">\n" +
                            "                                                <div class=\"product-item-name\">\n" +
                            "                                                    <a target = \"_blank\" href=\"/product-page.html?goodsId=" + item.goodsId + "\">"+item.goodsName+"</a>\n" +
                            "                                                </div>\n" +
                            "                                                <div class=\"price-box\">\n" +
                            "                                                    <span class=\"price\">$"+item.price+"</span>\n" +
                            "                                                    <del class=\"price old-price\">$"+(item.price)*1.2+"</del>\n" +
                            "                                                </div>\n" +
                            "                                                <div class=\"rating-summary-block\">\n" +
                            "                                                    <div class=\"rating-result\" title=\"53%\">\n" +
                            "                                                        <span style=\"width:53%\"></span>\n" +
                            "                                                    </div>\n" +
                            "                                                </div>\n" +
                            "                                                <div class=\"product-des\">\n" +
                            "                                                    <p>Proin lectus ipsum, gravida et mattis vulputate, tristique ut\n" +
                            "                                                        lectus. Sed et lorem nunc. ipsum primis in faucibus orci luctus\n" +
                            "                                                        et ultrices.</p>\n" +
                            "                                                </div>\n" +
                            "                                                <div class=\"product-detail-inner\">\n" +
                            "                                                    <div class=\"detail-inner-left align-center\">\n" +
                            "                                                        <ul>\n" +
                            "                                                            <li class=\"pro-cart-icon\">\n" +
                            "                                                                <a href=\"cart.html\" title=\"Add to Cart\">\n" +
                            "                                                                    <span></span>\n" +
                            "                                                                </a>\n" +
                            "                                                            </li>\n" +
                            "                                                            <li class=\"pro-wishlist-icon\">\n" +
                            "                                                                <a href=\"wishlist.html\" title=\"Wishlist\">\n" +
                            "                                                                    <span></span>\n" +
                            "                                                                </a>\n" +
                            "                                                            </li>\n" +
                            "                                                            <li class=\"pro-compare-icon\">\n" +
                            "                                                                <a href=\"compare.html\" title=\"Compare\">\n" +
                            "                                                                    <span></span>\n" +
                            "                                                                </a>\n" +
                            "                                                            </li>\n" +
                            "                                                        </ul>\n" +
                            "                                                    </div>\n" +
                            "                                                </div>\n" +
                            "                                            </div>\n" +
                            "                                        </div>\n" +
                            "                                    </div>\n" +
                            "                                </div>"
                        $("#proListByExercise").append($pro);                  //把循环的部分加在proList类后边
                    })
                }
            });
        }
    })
</script>
</body>
</html>
